.top{
    box-sizing: border-box;
    height: 230px;
    background-color: #FF6262;
    padding: 50px 20px 0;
    .title{
        text-align: center;
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 24px;
    }
    .userPhoto{
        .photo{
            box-sizing: border-box;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            border: 2px solid #fff;
            background: url(../../images/bg.jpg) no-repeat;
            background-size: cover;
            float: left;
            margin-right: 10px;
        }
        .userName{
            font-size: 24px;
            font-weight: bold;
            color: #fff;
            float: left;
            height: 70px;
            line-height: 70px;
        }
    }
}
.middle{
    width: 332px;
    height: 92px;
    margin: 0 auto;
    border-radius: 2px;
    box-shadow:0px 4px 7px 0px #ddd;
    background-color: #fff;
    margin-top: -37px;
    position: relative;
    z-index: 100;
    display: flex;
    flex: 1;
    justify-content: space-around;
    .middleItem{
        padding-top: 10px;
        box-sizing: border-box;
        .itemNumber{
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            height: 50px;
            line-height: 50px;
        }
        .itemName{
            font-size: 14px;
            color: #999;
        }

    }
}
.bottom{
    background-color: #fff;
    height:435px;
    .bottomList{
        a{
            color: #666;
        }
        .bottomItem{
          color: #000;
          cursor: pointer;
          display: flex;
          height: 61px;
          line-height: 61px;  
          font-weight: bold;
          font-size: 14px;
          .bgBox{
              width: 53px;
              height: 100%;
              background-repeat: no-repeat;
              background-position: 20px 20px;
          }
          .textBox{
            border-bottom: 1px solid #f2f2f2;
            flex: 1;
            padding-right: 20px;
          }
          .call{
            background-image: url(../../images/earPhone.png);
          }
          .aboutUs{
            background-image: url(../../images/aboutUs.png);
          }
          .set{
            background-image: url(../../images/set.png);
          }
          .question{
            background-image: url(../../images/question.png);
          }
          .arrows{
              float: right;
              width: 22px;
              height: 100%;
              background: url(../../images/arrows.png) 7px 20px  no-repeat;
          }
          .phoneNumber{
              float: right;
          }
      }  
    }
}